<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>哔哩哔哩</title>
    <link rel="stylesheet" href="./iconfont/iconfont.css">
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <header>
        <div class="div1">
            <img class="img1" src="./images/l1.webp" alt="">

            <img class="img2" src="./images/ss.svg" alt="">
            <button class="bt1">登录</button>
            <button class="bt2">下载 APP</button>
        </div>
        <div class="div2">
            <ul>
                <li>首页</li>
                <li>动画</li>
                <li>番剧</li>
                <li>国创</li>
                <li>音乐</li>
                <li>舞蹈</li>
                <li>游戏</li>
                <li>知识</li>
                <li>科技</li>
                <li>运动</li>
                <li>汽车</li>
                <li>生活</li>
                <li>美食</li>
                <li>动物圈</li>
                <li>鬼畜</li>
                <li>时尚</li>
                <li>娱乐</li>
                <li>影视</li>
            </ul>

        </div>
        <h6><img src="./images/s1.svg" alt=""></h6>
    </header>

    <main>
        <ul>
            <li>
                <img src="./images/p2.webp" alt="">
                <p>三权合一！特朗普成为美国40年以来权力最大的总统！将势不可挡</p>
                <div>
                    <p><span><img src="./images/s2.svg" alt=""></span> 54.4万</p>
                    <p><span><img src="./images/s3.svg" alt=""></span>1.1万</p>
                </div>
            </li>
            <li>
                <img src="./images/p2.webp" alt="">
                <p>三权合一！特朗普成为美国40年以来权力最大的总统！将势不可挡</p>
                <div>
                    <p><span><img src="./images/s2.svg" alt=""></span> 54.4万</p>
                    <p><span><img src="./images/s3.svg" alt=""></span>1.1万</p>
                </div>
            </li>
            <li>
                <img src="./images/p2.webp" alt="">
                <p>三权合一！特朗普成为美国40年以来权力最大的总统！将势不可挡</p>
                <div>
                    <p><span><img src="./images/s2.svg" alt=""></span> 54.4万</p>
                    <p><span><img src="./images/s3.svg" alt=""></span>1.1万</p>
                </div>
            </li>
            <li>
                <img src="./images/p2.webp" alt="">
                <p>三权合一！特朗普成为美国40年以来权力最大的总统！将势不可挡</p>
                <div>
                    <p><span><img src="./images/s2.svg" alt=""></span> 54.4万</p>
                    <p><span><img src="./images/s3.svg" alt=""></span>1.1万</p>
                </div>
            </li>
            <li>
                <img src="./images/p2.webp" alt="">
                <p>三权合一！特朗普成为美国40年以来权力最大的总统！将势不可挡</p>
                <div>
                    <p><span><img src="./images/s2.svg" alt=""></span> 54.4万</p>
                    <p><span><img src="./images/s3.svg" alt=""></span>1.1万</p>
                </div>
            </li>
            <li>
                <img src="./images/p2.webp" alt="">
                <p>三权合一！特朗普成为美国40年以来权力最大的总统！将势不可挡</p>
                <div>
                    <p><span><img src="./images/s2.svg" alt=""></span> 54.4万</p>
                    <p><span><img src="./images/s3.svg" alt=""></span>1.1万</p>
                </div>
            </li>
            <li>
                <img src="./images/p2.webp" alt="">
                <p>三权合一！特朗普成为美国40年以来权力最大的总统！将势不可挡</p>
                <div>
                    <p><span><img src="./images/s2.svg" alt=""></span> 54.4万</p>
                    <p><span><img src="./images/s3.svg" alt=""></span>1.1万</p>
                </div>
            </li>
            <li>
                <img src="./images/p2.webp" alt="">
                <p>三权合一！特朗普成为美国40年以来权力最大的总统！将势不可挡</p>
                <div>
                    <p><span><img src="./images/s2.svg" alt=""></span> 54.4万</p>
                    <p><span><img src="./images/s3.svg" alt=""></span>1.1万</p>
                </div>
            </li>

        </ul>
        <ul>
            <li>
                <img src="./images/p1.webp" alt="">
                <p>闪电般归来,特朗普三权一统“皇帝”回到忠诚的华盛顿</p>
                <div>
                    <p><span><img src="./images/s2.svg" alt=""></span>99.8万</p>
                    <p><span><img src="./images/s3.svg" alt=""></span>4.1万</p>
                </div>
            </li>
            <li>
                <img src="./images/p1.webp" alt="">
                <p>闪电般归来,特朗普三权一统“皇帝”回到忠诚的华盛顿</p>
                <div>
                    <p><span><img src="./images/s2.svg" alt=""></span>99.8万</p>
                    <p><span><img src="./images/s3.svg" alt=""></span>4.1万</p>
                </div>
            </li>
            <li>
                <img src="./images/p1.webp" alt="">
                <p>闪电般归来,特朗普三权一统“皇帝”回到忠诚的华盛顿</p>
                <div>
                    <p><span><img src="./images/s2.svg" alt=""></span>99.8万</p>
                    <p><span><img src="./images/s3.svg" alt=""></span>4.1万</p>
                </div>
            </li>
            <li>
                <img src="./images/p1.webp" alt="">
                <p>闪电般归来,特朗普三权一统“皇帝”回到忠诚的华盛顿</p>
                <div>
                    <p><span><img src="./images/s2.svg" alt=""></span>99.8万</p>
                    <p><span><img src="./images/s3.svg" alt=""></span>4.1万</p>
                </div>
            </li>
            <li>
                <img src="./images/p1.webp" alt="">
                <p>闪电般归来,特朗普三权一统“皇帝”回到忠诚的华盛顿</p>
                <div>
                    <p><span><img src="./images/s2.svg" alt=""></span>99.8万</p>
                    <p><span><img src="./images/s3.svg" alt=""></span>4.1万</p>
                </div>
            </li>
            <li>
                <img src="./images/p1.webp" alt="">
                <p>闪电般归来,特朗普三权一统“皇帝”回到忠诚的华盛顿</p>
                <div>
                    <p><span><img src="./images/s2.svg" alt=""></span>99.8万</p>
                    <p><span><img src="./images/s3.svg" alt=""></span>4.1万</p>
                </div>
            </li>
            <li>
                <img src="./images/p1.webp" alt="">
                <p>闪电般归来,特朗普三权一统“皇帝”回到忠诚的华盛顿</p>
                <div>
                    <p><span><img src="./images/s2.svg" alt=""></span>99.8万</p>
                    <p><span><img src="./images/s3.svg" alt=""></span>4.1万</p>
                </div>
            </li>
            <li>
                <img src="./images/p1.webp" alt="">
                <p>闪电般归来,特朗普三权一统“皇帝”回到忠诚的华盛顿</p>
                <div>
                    <p><span><img src="./images/s2.svg" alt=""></span>99.8万</p>
                    <p><span><img src="./images/s3.svg" alt=""></span>4.1万</p>
                </div>
            </li>



        </ul>
    </main>

    <footer>
        <img src="./images/l2.svg" alt="">
        <p>打开APP , 看你感兴趣的视频</p>
    </footer>

</body>

</html>